<!--
  Generated template for the Costlist page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
	<ion-navbar>
		<ion-title>成本费用管理{{ typename }}</ion-title>
	</ion-navbar>
	<ion-list class="searchhead">
		<ion-item class="sitem">
			<ion-label fixed>流程类型</ion-label>
			<ion-select [(ngModel)]="inputViewModel.types" interface="popover">
				<ion-option value="nes">NES</ion-option>
				<ion-option value="n64">Nintendo64</ion-option>
				<ion-option value="ps">PlayStation</ion-option>
				<ion-option value="genesis">Sega Genesis</ion-option>
				<ion-option value="saturn">Sega Saturn</ion-option>
				<ion-option value="snes">SNES</ion-option>
			</ion-select>
		</ion-item>
		<ion-item class="sitem">
			<ion-label fixed>申请人</ion-label>
			<ion-input [(ngModel)]="inputViewModel.applyName" type="text" value=""></ion-input>
		</ion-item>
		<ion-item class="sitem">
			<ion-label fixed>开始时间</ion-label>
			<ion-datetime [(ngModel)]="inputViewModel.starttime" pickerFormat="YYYY MM DD" displayFormat="YYYY-MM-DD" max="2030-12-31" cancelText="取消" doneText="确认"></ion-datetime>
		</ion-item>
		<ion-item class="sitem">
			<ion-label fixed>截止时间</ion-label>
			<ion-datetime [(ngModel)]="inputViewModel.endtime" pickerFormat="YYYY MM DD" displayFormat="YYYY-MM-DD" max="2030-12-31" cancelText="取消" doneText="确认"></ion-datetime>
		</ion-item>
	</ion-list>
	<div class="searchheadaction">
		<button ion-button style="margin-right: 10px;">查询</button>
		<button ion-button style="margin-left: 10px;">重置</button>
	</div>
</ion-header>

<ion-content>
	<ion-list class="search">
		<ion-item *ngFor="let item of items" tappable (click)="opendetail(item)">
			<div class="content">
				<div class="title ellipsis-2">2017年04月19日,物流公司(万千里)人工成本统计审批正在进行...</div>
				<div class="last">
					<!--<div class="time">创建时间:2017-03-15</div>-->
					<div class="name">发起人:某某某</div>
					<div class="status">环节:综合办领导审核</div>
				</div>
			</div>
			<i class="iconfont icon-xiangqing" item-end></i>
		</ion-item>
	</ion-list>
</ion-content>